import { createApp } from 'vue'
import App from './App.vue'

// 导入ElementPlus框架
import ElementPlus from 'element-plus'

// 导入ElementPlus 需要的 CSS 样式表
import 'element-plus/dist/index.css'
// 引入图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

console.log('start server ...')

// 定义特性标志，去除控制台的警告信息输出
window.__VUE_PROD_DEVTOOLS__ = false;
window.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = false;

// 注入vue App
const app = createApp(App)
// 遍历ElementPlusIconsVue中的所有组件进行祖册
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    // 向应用实例中全局注册图标组件
    app.component(key, component)
}

/*
app.use()
用途: 用于安装插件或全局配置，如 Vue Router、Vuex、或者自定义插件。
语法: app.use(plugin, options?)
*/
app.use(ElementPlus)
app.mount('#app')
